<template>
  <div class="alarm-info">
    <div class="row">
      <b-cell label="报警原因" :content="params.alarmReason || '--' " />
    </div>
    <div class="row">
      <b-cell label="处置措施" :content="params.alarmResult || '--' " />
    </div>
    <div class="row">
      <b-cell label="处理人" :content="params.analysePerson || '--' " />
      <b-cell label="处理时间	" :content="params.disposalDate || '--' " />
    </div>
  </div>
</template>
<script setup lang="ts">
import BCell from '@/components/b-cell.vue'

defineProps({
  params: {
    type: Object,
    default: () => {},
  },
})
</script>
<style scoped lang="scss">
.alarm-info {
  position: relative;
  height: 100%;
  .empty-box {
    position: relative;
    display: flex;
    
    flex: 1;
    min-width: 150px;
  }
  .row {
    position: relative;
    display: flex;
    gap: calc(16px * var(--scale));
    margin-bottom: calc(16px * var(--scale));
  }
  .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    .person-img {
      border-radius: 50%;
      height: calc(2.2em * 2 + calc(16px * var(--scale)));
    }
  }
}
</style>
